<div>
    <div class="row margin-top-lg">
        <div class="col-lg-2 padding-right-xs padding-left-xl">
            <select class="custom-select custom-select-sm" v-model="simplifyFeeReceiptInfo.objType"
                @change="_changeSimplifyFeeReceiptFeeTypeCd(simplifyFeeReceiptInfo.objType)">
                <option disabled value="">请选择收费类型</option>
                <option selected value="3333">房屋费</option>
                <option value="6666">车位费</option>
            </select>

        </div>
        <div class="col-lg-2 padding-right-xs padding-left-xl">
            <select class="custom-select" v-model="simplifyCarFeeInfo.carId" @change="changeSimplifyFeeReceiptCar()"
                v-if="simplifyFeeReceiptInfo.objType == '6666'">
                <option disabled value="">请选择车辆</option>
                <option v-for="(item,index) in simplifyFeeReceiptInfo.ownerCars" :value="item.carId">{{item.carNum}}
                </option>
            </select>
        </div>
        <div class="col-lg-8 text-right padding-right-lg">
            <button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
                v-on:click="_printFeeReceipt()">
                打印
            </button>
        </div>
    </div>
    <div class="margin-top">
        <table class="footable table table-stripped toggle-arrow-tiny margin-top" data-page-size="15">
            <thead>
                <tr>
                    <th class="text-center">
                        <input type="checkbox" class="i-checks" v-bind:checked="simplifyFeeReceiptInfo.quan == true"
                            @click="checkAllReceipt($event)">
                    </th>
                    <th class="text-center">费用类型</th>
                    <th class="text-center">{{simplifyFeeReceiptInfo.objType == '3333'?'房屋':'车位'}}</th>
                    <th class="text-center">总金额</th>
                    <th class="text-center">缴费时间</th>
                    <th class="text-center">收据ID</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="feeReceipt in simplifyFeeReceiptInfo.feeReceipts">
                    <td class="text-center">
                        <input type="checkbox" class="i-checks checReceiptItem" v-bind:value="feeReceipt.receiptId"
                            v-model="simplifyFeeReceiptInfo.selectReceipts">
                    </td>
                    <td class="text-center">{{feeReceipt.objType == '3333'? '房屋费':'车位费'}}</td>
                    <td class="text-center">{{feeReceipt.objName}}</td>
                    <td class="text-center">{{feeReceipt.amount}}</td>
                    <td class="text-center">{{feeReceipt.createTime}}</td>
                    <td class="text-center">{{feeReceipt.receiptId}}</td>

                </tr>
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="7">
                        <ul class="pagination float-right"></ul>
                    </td>
                </tr>
            </tfoot>
        </table>
        <div class="row">
            <div class="col-sm-12 float-right">
                <vc:create namespace="simplifyFeeReceipt" path="frame/paginationPlus"></vc:create>
            </div>
        </div>
    </div>


</div>